<template>
    <el-carousel :interval="1500" type="card" height="200px" style="width: 1100px; margin-left: 100px;" >
    <el-carousel-item v-for="item in imgList" :key="item.id">
      <img style="object-fit: scale-down; width: 100%; height: 100%;" :src="item.idView" class="image">
    </el-carousel-item>
  </el-carousel>
 </template>
 <script>
    export default {
      name: '',
      data: function(){
        return {
         imgList:[
            {id:0,idView:require("@/assets/1.jpg")},
            {id:1,idView:require("@/assets/2.jpg")},
            {id:2,idView:require("@/assets/3.jpg")},
            {id:3,idView:require("@/assets/4.jpg")},
            {id:4,idView:require("@/assets/5.jpg")},
         ],
         screenWidth:0
        }
      },
      methods:{
      }
    }
 </script>
 <style scoped>
 .el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}
.el-carousel__item:nth-child(2n) {
   color: #475669;
}
.el-carousel__item:nth-child(2n + 1) {
   color: #475669;
}
.second{
      background-color: aqua;
   }
 </style>